<html>

<head>
    <title>CSS基础</title>
    <style>
        /* 页内样式*/
        /* 标记选择器 */
        p {
            color: red;
        }

        /* id选择器 */
        #a1 {
            color: blue;
            font-size: 28;
        }

        /* 类选择器 */
        .a2 {
            color: black;
            font-size: 38px;
            text-decoration: none;
        }

        /* 伪类选择器 */
        p:hover {
            font-size: 50px;
        }
    </style>
    <!--链接外部样式-->
    <link rel="stylesheet" href="my.css">
</head>

<body>
    <p>文本内容</p>
    <p id="a1">文本内容</p>
    <p class="a2">文本内容</p>
    <!--行内样式-->
    <p style="text-decoration: underline;">文本内容</p>
    <div class="a3">div文本内容</div>
</body>

</html>